<template>
  <el-table-column :label="coloumnHeader.label" header-align="center">
    <template v-for="item in coloumnHeader.children">
      <MyTableColumn v-if="item.children && item.children.length" :coloumnHeader="item"></MyTableColumn>
      <el-table-column v-else :label="item.label" :prop="item.prop" :sortable="item.sort" header-align="center"
        :align="item.align" :width="item.width"></el-table-column>
    </template>
  </el-table-column>
</template>

<script setup lang="ts">
const props = defineProps(["coloumnHeader"]);
</script>
<style scoped lang="scss"></style>